<%@page isELIgnored="false" pageEncoding="UTF-8" contentType="text/html; UTF-8" %>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>持名法洲后台管理系统登录页面</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath}/layui/css/layui.css">
		 <link rel="stylesheet" href="${pageContext.request.contextPath}/css/main.css"  media="all">
		 <link rel="stylesheet" href="${pageContext.request.contextPath}/css/plugins/font-awesome-4.7.0/css/font-awesome.min.css"  media="all">
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.12.4.js"></script>
	</head>
	
	<body class="layui-layout-login">
	<div class="login-bg">
	    <div class="cover"></div>
	</div>
	<div class="login-content" >
	    <h1 class="login-box-title"><i class="fa fa-fw fa-user"></i>登录</h1>

	    <form class="layui-form" action="javascript:void(0)">
			
	        <div class="layui-form-item">
	            <label class="layui-icon layui-icon-username" for="username"></label>
	            <input class="layui-input" type="text" name="userName" id="username" placeholder="用户名">
	        </div>
			
	        <div class="layui-form-item">
	            <label class="layui-icon layui-icon-password" for="password"></label>
	            <input class="layui-input" type="password" name="password" id="password" placeholder="密码">
	        </div>
			
	        <div class="layui-form-item captcha-item">
	            <label class="layui-icon layui-icon-vercode"></label>
	            <input class="layui-input" type="text" id="code"  autocomplete="off" placeholder="验证码">
	            <img class="captcha-img" onclick="doCode()" id="qz" src="${pageContext.request.contextPath}/login/getCode" />
	        </div>
			
	        <button type="submit" class="layui-btn layui-btn-fluid ajax-login" id="userLogin"><i class="fa fa-sign-in fa-lg fa-fw"></i> 登录</button>
	    </form>
	</div>
	</body>
	<script src="${pageContext.request.contextPath}/layui/layui.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function () {

		    $("#userLogin").click(function () {



		       var username= $("#username").val();
		        if(username != null && username != ""){

                    var password = $("#password").val();
                    if(password != null && password != ""){

                        var  code =$("#code").val();
                        if(code != null && code != ""){
							location="${pageContext.request.contextPath}/login/selectUser?userName="+username+"&password="+password+"&code="+code;
                            <%--$.ajax({--%>
								<%--url:"${pageContext.request.contextPath}/selectUser",--%>
								<%--type:"post",--%>
								<%--data:{"userName":username,"password":password,"code":code},--%>
								<%--success:function (data) {--%>
									<%--console.log(data);--%>
									<%----%>

                                <%--}--%>
							<%--});--%>

						}else{
                            alert("验证码不能为空")
						}
                    }else{
                        alert("密码不能为空")
					}




				}else{
					alert("用户名不能为空")
				}




            });




        });
        function doCode() {


            $("#qz").prop("src","${pageContext.request.contextPath}/login/getCode?id="+new Date().getTime());
        }


	</script>
</html>
